<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>12306 模仿出行服务界面</title>
  <link rel="stylesheet" href="iconfont/iconfont.css">
  <link rel="stylesheet" href="css/mobility_service.css">
</head>
<body>
<header class="header">出行服务</header>
<div class="wrapper">
  <!--上面的图片-->
      <img src="image/出行服务.jpg">
  <!--行程安排-->
  <div class="xingcheng">
    <h2>您还没有行程哦~</h2>
    <p>购票后将展示待出行的行程信息</p>
    <button>去购票</button>
  </div>
  <!--约车服务-->
  <div class="yueche">
    <div class="yuecheimg">
      <img src="image/约车服务%20(3).jpg">
      <h3>约车服务</h3>
    </div>
    <div class="yuecheimg">
      <img src="image/约车服务%20(1).jpg">
      <h3>酒店住宿</h3>
    </div>
    <div class="yuecheimg">
      <img src="image/约车服务%20(2).jpg">
      <h3>铁路商城</h3>
    </div>
  </div>
  <!--网络订餐图片-->
  <div class="dingcanimg"><img src="image/网络订餐.jpg"></div>
  <!--精彩旅程-->
  <div class="jincai">
    <h3>精彩旅程 尽在12306</h3>
  </div>
  <div class="jincaileftandright">
    <div class="jincaileft">
      <img src="image/精彩旅程%20(2).jpg">
      <img src="image/精彩旅程%20(4).jpg">
    </div>
    <div class="jincairight">
      <img src="image/精彩旅程%20(1).jpg">
      <img src="image/精彩旅程%20(3).jpg">
    </div>
  </div>
<!--底部菜单部分-->
      <ul class="footer">
        <li onclick="location.href='home_page.html'">
          <i class="i ion:md-train"></i>
          <p>首页</p>
        </li>
        <li onclick="location.href='mobility_service.html'">
          <i class="i material-symbols:checked-bag-outline" style="color: #3c97f9"></i>
          <p style="color: #3c97f9">出行服务</p>
        </li>
        <li onclick="location.href='order.html'">
          <i class="i solar:document-outline"></i>
          <p>订单</p>
        </li>
        <li onclick="location.href='vip.html'">
          <i class="i mingcute:vip-1-line"></i>
          <p>铁路会员</p>
        </li>
        <li onclick="location.href='myself.html'">
          <i class="i ic:outline-person-outline"></i>
          <p>我的</p>
        </li>
      </ul>
</div>
</body>
</html>